﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:eim="clr-namespace:Microsoft.Expression.Interactivity.Media;assembly=Microsoft.Expression.Interactions"
    x:Class="TestWP.StartPage"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d"
    shell:SystemTray.IsVisible="True">
	<phone:PhoneApplicationPage.Resources>
		<Storyboard x:Name="GameModeAni">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:3" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        	<Grid.Background>
        		<ImageBrush Stretch="Fill" ImageSource="/Resources/images/Despicable Me 2 (2013) posters.JPG"/>
        	</Grid.Background>
        	<i:Interaction.Triggers>
        		<i:EventTrigger EventName="Click" SourceName="btnStart">
        			<eim:ControlStoryboardAction Storyboard="{StaticResource GameModeAni}"/>
        		</i:EventTrigger>
        	</i:Interaction.Triggers>
            <Button x:Name="btnStart" Content="Start Game" HorizontalAlignment="Left" Height="73" Margin="32,312,0,0" VerticalAlignment="Top" Width="190" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver" Foreground="White" Background="#FF375595"/>
            

            <Grid x:Name="grid" HorizontalAlignment="Left" Height="243" Margin="222,327,0,0" VerticalAlignment="Top" Width="215" Background="White">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="169*"/>
                    <ColumnDefinition Width="46*"/>
                </Grid.ColumnDefinitions>
                <Button x:Name="btnStoryMode" Content="Story Mode" HorizontalAlignment="Left" Margin="10,58,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver" Foreground="White" Background="#FF375595"/>
                <Button x:Name="btnFreeMode" Content="Free Mode" HorizontalAlignment="Left" Margin="10,130,0,0" VerticalAlignment="Top" Width="191" Grid.ColumnSpan="2" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver" Foreground="White" Background="#FF375595"/>
                <TextBlock HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="Game Modes" VerticalAlignment="Top" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver" Foreground="#FF375595"/>

            </Grid>
            <Button x:Name="btnExit" Content="Exit" HorizontalAlignment="Left" Margin="32,385,0,0" VerticalAlignment="Top" Width="190" FontFamily="/TestWP;component/Resources/Fonts/dfgameover.ttf#DF-GameOver" Foreground="White" Background="#FF375595"/>

        </Grid>
        
    </Grid>

</phone:PhoneApplicationPage>